<template>
  <div>
    <h3 class="text-primary">京东热卖产品</h3>
    <br />

    <div class="my-3 p-3 bg-body rounded shadow-sm">
      <h6 class="border-bottom pb-2 mb-0">好评产品</h6>
      <div
        class="d-flex text-muted pt-3"
        v-for="choose in orderChooses"
        :key="choose"
      >
        <svg
          class="bd-placeholder-img flex-shrink-0 me-2 rounded"
          width="32"
          height="32"
          xmlns="http://www.w3.org/2000/svg"
          role="img"
          aria-label="Placeholder: 32x32"
          preserveAspectRatio="xMidYMid slice"
          focusable="false"
        >
          <rect width="100%" height="100%" fill="#1E95D4" />
          <text x="50%" y="50%" fill="#1E95D4" dy=".3em">32x32</text>
        </svg>
        <comment :orderChoose="choose"></comment>
      </div>
    </div>
  </div>
</template>

<script>
import comment from "@/components/consumer/comment";
export default {
  data() {
    return {
      orderChooses: [],
    };
  },
  components: {
    comment: comment,
  },
  mounted() {
    this.axios
      .get(
        "http://localhost:8081/api-service/getJingDongOrderChoose?key=123456"
      )
      .then((body) => {
        var result = body.data;

        for (var i = 0; i < result.data.result.length; i++) {
          this.orderChooses.push(result.data.result[i]);
        }
      });
  },
};
</script>

<style scoped>
@import url("../../../static/css/offcanvas.css");
</style>



